layui.config({
  base: '../../src/js/lib/'
}).extend({
  zyupload: 'zyupload'
});
layui.use(['jquery', 'form', 'upload', 'zyupload'], function() {
  var $ = layui.jquery,
    form = layui.form();
  layui.upload({
    url: '', //上传接口
    success: function(res) { //上传成功后的回调
      console.log(res)
    }
  });
  $(function() {
    // 初始化插件
    $("#zyupload").zyUpload({
      itemWidth: "120px", // 文件项的宽度
      itemHeight: "150px", // 文件项的高度
      url: "", // 上传文件的路径
      fileType: ["jpg", "png"], // 上传文件的类型
      fileSize: 51200000, // 上传文件的大小
      multiple: true, // 是否可以多个文件上传
      dragDrop: true, // 是否可以拖动上传文件
      tailor: false, // 是否可以裁剪图片
      del: true, // 是否可以删除文件
      finishDel: true, // 是否在上传文件完成后删除预览
      /* 外部获得的回调接口 */
      onSelect: function(selectFiles, allFiles) { // 选择文件的回调方法  selectFile:当前选中的文件  allFiles:还没上传的全部文件
        console.info("当前选择了以下文件：");
        console.info(selectFiles);
      },
      onDelete: function(file, files) { // 删除一个文件的回调方法 file:当前删除的文件  files:删除之后的文件
        console.info("当前删除了此文件：");
        console.info(file.name);
      },
      onSuccess: function(file, response) { // 文件上传成功的回调方法
        console.info("此文件上传成功：");
        console.info(file.name);
        console.info("此文件上传到服务器地址：");
        console.info(response);
      },
      onFailure: function(file, response) { // 文件上传失败的回调方法
        console.info("此文件上传失败：");
        console.info(file.name);
      },
      onComplete: function(response) { // 上传完成的回调方法
        console.info("文件上传完成");
        console.info(response);
      }
    });

  })
})